<ui:composition template="/pages/templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" xmlns:o="http://omnifaces.org/ui">

	<ui:define name="title">
        SISCLAS-INCIDENCIAS
    </ui:define>

	<ui:define name="content">
		<p:growl id="mensajes" showDetail="true" life="2500" />
		<o:importConstants
			type="pe.edu.sisclas.model.domain.constants.MessagesView" />

		<h2 style="text-align: center">Lista de Incidencias</h2>
		<h:form id="frmIncidencia" prependId="false">
			<br />
			<!-- 			<p:outputLabel value="Habilitar Busqueda Avanzada" -->
			<!-- 				style="margin-right: 3%;" /> -->
			<!-- 			<p:selectBooleanCheckbox id="selBusqueda" -->
			<!-- 				value="#{incidenciaController.panelBusquedaAvanzada}"> -->
			<!-- 				<p:ajax event="change" -->
			<!-- 					update="pnl_busquedaSimple pnl_busquedaAvanzada" -->
			<!-- 					 /> -->
			<!-- 			</p:selectBooleanCheckbox> -->
			<p:outputPanel id="pnl_busquedaSimple">
				<p:panel header="Busqueda"
					rendered="#{incidenciaController.panelBusquedaAvanzada}"
					id="pan_bus_simple">
					<p:panelGrid columns="6" style="width: 100%;">
						<p:row>
							<p:column>
								<p:inputText id="busqueda"
									value="#{incidenciaController.busqueda}" size="130"
									style="margin-right: 5%;" />
								<p:watermark for="busqueda"
									value="Busqueda de Incidencia por titulo" id="watermark" />
							</p:column>
							<p:column>
								<p:commandButton value="Buscar"
									actionListener="#{incidenciaController.buscarSimple}"
									style="text-align:right	"
									update=":frmIncidencia:tb_incidencias pnl_busquedaSimple" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>
			</p:outputPanel>
			<p:outputPanel id="pnl_busquedaAvanzada">
				<p:panel header="Busqueda Avanzada"
					rendered="#{incidenciaController.panelBusquedaAvanzada}"
					id="pan_bus_avanzada">
					<p:panelGrid columns="6" style="width: 100%;" layout="grid">
						<p:column>
							<p:outputLabel value="Aula/Lab " />
						</p:column>
						<p:column>
							<p:inputText id="busq_aula"
								value="#{incidenciaController.busqAula}" />
						</p:column>
						<p:column>
							<p:outputLabel value="Nombre de Usuario " />
						</p:column>
						<p:column>
							<p:inputText id="busq_usuario"
								value="#{incidenciaController.busqUsuario}" />
						</p:column>
						<p:column>
							<p:outputLabel value="Estado de la Incidencia " />
						</p:column>
						<p:column>
							<p:selectOneMenu value="#{incidenciaController.estadoIncidencia}">
								<f:selectItem itemLabel="Nuevo" itemValue="nuevo" />
								<f:selectItem itemLabel="Asignado" itemValue="asignado" />
								<f:selectItem itemLabel="Resuelto" itemValue="resuelto" />
								<f:selectItem itemLabel="Cancelado" itemValue="cancelado" />
							</p:selectOneMenu>
						</p:column>
						<p:column>
							<p:outputLabel value="Mas frecuentes " />
							<p:selectBooleanCheckbox
								value="#{incidenciaController.frecuentes}"
								style="margin-right: 5%;" />
						</p:column>
						<p:column>
							<p:outputLabel value="Mas Comentarios " style="margin-left: 5%;" />
							<p:selectBooleanCheckbox
								value="#{incidenciaController.comentados}" />
						</p:column>

						<p:commandButton value="Buscar"
							actionListener="#{incidenciaController.busquedaAvanzada}"
							update=":frmIncidencia:tb_incidencias pnl_busquedaAvanzada" />

					</p:panelGrid>
				</p:panel>
			</p:outputPanel>


			<p:dataTable id="tb_incidencias" var="incidencia"
				value="#{incidenciaController.incidencias}" paginator="true"
				styleClass="paginated" rows="10"
				emptyMessage="#{MessagesView.NO_RECORDS_FOUND}" style="width:100%"
				editable="true">

				<p:ajax event="rowEdit" listener="#{incidenciaController.onRowEdit}" />
				<p:ajax event="rowEditCancel"
					listener="#{incidenciaController.onRowCancel}" />

				<p:column headerText="Título" width="15%"
					filterBy="#{incidencia.titulo}" style="font-size:16px">
					<h:outputText value="#{incidencia.titulo}" />
				</p:column>

				<p:column headerText="Fecha" width="7%"
					style="text-align:center; font-size:16px"
					filterBy="#{incidencia.fechaRegistro}">
					<h:outputText value="#{incidencia.fechaRegistro}" />
				</p:column>

				<p:column headerText="Aula / Laboratorio" width="10%"
					style="text-align:center; font-size:16px">
					<h:outputText rendered="#{incidencia.aula != null}"
						value="#{incidencia.aula.numeroAula}" />
					<h:outputText rendered="#{incidencia.laboratorio != null}"
						value="#{incidencia.laboratorio.numeroLaboratorio}" />
				</p:column>

				<p:column headerText="Descripción"
					filterBy="#{incidencia.descripcion}" style="font-size:16px">
					<h:outputText value="#{incidencia.descripcion}" />
				</p:column>

				<p:column headerText="Autor" width="15%" style="font-size:16px">
					<h:outputText rendered="#{incidencia.usuario.docente != null}"
						value="#{incidencia.usuario.docente.nombreDocente} [#{incidencia.nombreCurso}]" />
					<h:outputText rendered="#{incidencia.usuario.soporte != null}"
						value="#{incidencia.usuario.soporte.nombreDocente}" />
				</p:column>

				<p:column headerText="Estado" width="8%"
					style="text-align: center; font-size:16px"
					filterBy="#{incidencia.estado}">
					<p:cellEditor>
						<f:facet name="output">
							<div
								style="color: #707070; letter-spacing: -2px; text-shadow: 0 -2px 1px #272727; font: bold 24px/48px Palatino Linotype, BookAntiqua, Palatino, serif;">
								<h:outputText rendered="#{incidencia.estado == 'n'.charAt(0)}"
									value="NUEVO" />
								<h:outputText rendered="#{incidencia.estado == 'a'.charAt(0)}"
									value="ASIGNADO" />
								<h:outputText rendered="#{incidencia.estado == 'r'.charAt(0)}"
									value="RESUELTO" />
								<h:outputText rendered="#{incidencia.estado == 'c'.charAt(0)}"
									value="CANCELADO" />
							</div>
						</f:facet>
						<f:facet name="input">
							<p:selectOneMenu value="#{incidencia.estado}">
								<f:selectItem itemLabel="Asignado" itemValue="a" />
								<f:selectItem itemLabel="Resuelto" itemValue="r" />
								<f:selectItem itemLabel="Cancelado" itemValue="c" />
							</p:selectOneMenu>
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Comentario" width="7%" style="font-size:16px">
					<center>
						<p:commandLink styleClass="ui-icon ui-icon-contact"
							onclick="PF('comentarios').show()" update=":frmComentario">
							<f:setPropertyActionListener value="#{incidencia}"
								target="#{comentarioController.incidenciaElegida}" />
						</p:commandLink>
					</center>
				</p:column>

				<p:column headerText="Editar" width="4%"
					rendered="#{usuarioController.soporte != null}"
					style="font-size:16px">
					<p:rowEditor />
				</p:column>
			</p:dataTable>
		</h:form>

		<!-- 			Comentarios -->
		<p:dialog header="Comentarios" widgetVar="comentarios" height="400"
			width="726" draggable="false" resizable="false" modal="true">
			<h:form id="frmComentario" prependId="false">
				<p:panelGrid style="width: 100%">
					<p:row>
						<p:column colspan="2" style="text-align:center">
							<p:inputTextarea id="iptaComentario"
								value="#{comentarioController.comentario.descripcion}" rows="5"
								cols="80" counter="contador" maxlength="250"
								counterTemplate="Quedan {0} caracteres." autoResize="false" />
						</p:column>
					</p:row>
					<br />
					<p:row>
						<p:column>
							<h:outputText id="contador" style="" />
							<p:commandButton value="Registrar" icon="ui-icon-disk"
								process="@form" style="float:right"
								update="@form:dtlComentario @form:iptaComentario :mensajes"
								actionListener="#{comentarioController.registrarComentario}" />
						</p:column>
					</p:row>
				</p:panelGrid>
				<p:separator />
				<p:dataList id="dtlComentario"
					value="#{comentarioController.comentarios}" var="comentario"
					paginator="true" rows="5" styleClass="paginated"
					emptyMessage="#{MessagesView.NO_RECORDS_FOUND}">
					<h:outputText value="#{comentario.descripcion}" />
					<br />
					<p:columnGroup>
						<div style="font-size: 10px; font-family: consola; float: right;">
							<h:outputText value="Por " />
							<h:outputText rendered="#{comentario.usuario.soporte != null}"
								value="#{comentario.usuario.soporte.nombreDocente}" />
							<h:outputText rendered="#{comentario.usuario.docente != null}"
								value="#{comentario.usuario.docente.nombreDocente}" />
							<h:outputText value="; el #{comentario.fechaRegistro}" />
						</div>
					</p:columnGroup>
					<p:separator />
				</p:dataList>
			</h:form>
		</p:dialog>
	</ui:define>
>>>>>>> .r146
</ui:composition>